
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	
<ui:composition template="/WEB-INF/plantillas/plantilla.xhtml">
	<ui:define name="contenido">
	<p:fieldset>			
		<p:toolbar>
   			<p:toolbarGroup align="center" styleClass="ui-widget-header">
      		 <p:outputLabel value="B&Uacute;SQUEDA DE REGISTRO DE TRABAJADORES DE CONSTRUCCI&Oacute;N CIVIL"/>
   			</p:toolbarGroup>
		</p:toolbar>
	<br />
		<h:form id="formlstRetcc">
			<p:panel id="panellstRetcc" header="B&Uacute;SQUEDA DE TRABAJADORES">
				
					<p:panelGrid id="pglstRetcc">
						<p:row >
							<p:column  >
								<h:outputLabel value="Tipo Documento:&nbsp;"/>								
							</p:column>
							<p:column >								
								<p:selectOneMenu value="#{retccBean.paramRetcc.v_codtdocide}"
													id="v_codtdocide"
													widgetVar="v_codtdocide" onchange="validaXTipoDoc(this);"> 
									<f:selectItem itemLabel="--Seleccione Tipo Documento--" itemValue=""/>
									<f:selectItems var="lst" value="#{tipoDocumendoIdeBean.listaTipoDocumentos}" itemValue="#{lst.v_codtdocide}" itemLabel="#{lst.v_destdocide}"/>			
								</p:selectOneMenu>
							</p:column>
							<p:column >								
								<h:outputLabel value="Nro.Documento:&nbsp;"/>								
							</p:column>
							<p:column >								
								<p:inputText value="#{retccBean.paramRetcc.v_numdoc}"
											 id="v_numdoc"
											 widgetVar="v_numdoc"
											 onkeypress="return isNumberKeyNL(this);"/>
							</p:column>
							
						</p:row>
						
						<p:row >
							<p:column  >
								<h:outputLabel value="N&uacute;mero de Registro:&nbsp;"/>								
							</p:column>
							<p:column >								
								<p:inputText value="#{retccBean.paramRetcc.n_corrtcnumreg}"
											 onkeypress="return isNumberKey(this);"/>
							</p:column>
							<p:column >								
								<h:outputLabel value="Nombres:&nbsp;"/>								
							</p:column>
							<p:column >								
								<p:inputText value="#{retccBean.paramRetcc.v_nombres}"
											 onkeypress="return sololetra(this);"/>
							</p:column>
							
						</p:row>
						
						<p:row >
							<p:column  >
								<h:outputLabel value="Apellico Paterno:&nbsp;"/>								
							</p:column>
							<p:column >								
								<p:inputText value="#{retccBean.paramRetcc.v_apepater}"
											 onkeypress="return sololetra(this);"	/>
							</p:column>
							<p:column >								
								<h:outputLabel value="Apellido Materno:&nbsp;"/>								
							</p:column>
							<p:column >								
								<p:inputText value="#{retccBean.paramRetcc.v_apemater}"
											 onkeypress="return sololetra(this);"/>
							</p:column>
							
						</p:row>
						
						<p:row>
							<p:column >
								<h:outputLabel value="Fecha Inicio de Inscripción:&nbsp;"/>
							</p:column>
							<p:column >
								
								<p:inputMask mask="99/99/9999" id="id_dFecini" 
									value="#{retccBean.paramRetcc.d_fecini}"
									converterMessage="Ingrese una fecha de inicio válida">
									<f:convertDateTime type="date" for="id_dFecini" pattern="dd/MM/yyyy" />
								</p:inputMask>								
								
							</p:column>
							<p:column >
								<h:outputLabel value="Fecha Fin de Inscripción:&nbsp;"/>
							</p:column>
							<p:column>
									
									<p:inputMask mask="99/99/9999" id="id_dFecfin" 
									value="#{retccBean.paramRetcc.d_fecfin}"
									converterMessage="Ingrese una fecha de fin válida">
									<f:convertDateTime type="date" for="id_dFecfin" pattern="dd/MM/yyyy" />
									</p:inputMask>
																
							</p:column>
						</p:row>									 
					</p:panelGrid>
					<p:separator/>
				<center >
				<p:defaultCommand target="btnBuscar"/>
				
						<p:commandButton value="Buscar" id="btnBuscar"
										 icon="icon-search" 
										 action="#{retccBean.qryRetcc}" 
										 update=":formListalstRetcc:dtlstRetcc,:formMensajes:msgMensajesConsolidado"
										 >
						</p:commandButton>
						<p:commandButton  value="Limpiar"
							  			  icon="icon-escoba" action="#{retccBean.inicializar}"
							  			  update=":formlstRetcc:pglstRetcc,:formListalstRetcc:dtlstRetcc" process="@this"
										 />
				</center>
			</p:panel>			
		</h:form>
		<h:form id="formMensajes">
			<p:messages id="msgMensajesConsolidado"  />  
		</h:form>
		<br/>
		<h:form id="formListalstRetcc">
			<p:dataTable id="dtlstRetcc" var="retcc" emptyMessage="No hay registros para mostrar"
						 value="#{retccBean.lstRetcc}"
						 binding="#{retccBean.tablaBusquedaRetcc}"
						 paginator="true"
						 paginatorPosition="bottom"
						 rows="10"
						 paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
						 rowsPerPageTemplate="5,10,15"
						 selection="#{retccBean.retcc}" selectionMode="single" rowKey="#{retcc.nCorrtc}"
						 >
						 
				 		<p:ajax event="rowSelect" update=":formListalstRetcc:dtlstRetcc" />
 						<p:ajax event="rowUnselect" update=":formListalstRetcc:dtlstRetcc" />
 						
				<p:column headerText="Tipo de&#10;Documento" style="white-space:pre;">
					<h:outputText value="#{retcc.persona.v_destdocide}" />
				</p:column>
				
				<p:column headerText="Trabajador" style="text-align:center;">
					<h:outputText value="#{retcc.persona.v_numdoc}" /><br/> 
					 <h:outputText value="#{retcc.persona.v_apepater} #{retcc.persona.v_apemater}" /><br/>					
					 <h:outputText value="#{retcc.persona.v_nombres}" />
				</p:column>
				
				<p:column headerText="N° de&#10;Registro" style="white-space:pre;">
					<h:outputText value="#{retcc.nCorrtcnumreg}" />
				</p:column>
				
				<p:column headerText="Fecha de&#10;Inscripción" style="text-align:center;white-space:pre;">
					<h:outputText value="#{retcc.dFecins}" >
					<f:convertDateTime pattern="dd/MM/yyyy" />
					</h:outputText>
					
				</p:column>				
				<p:column headerText="Constancia" style="text-align:center;">	
					<p:graphicImage value="/resources/images/iconos/ico_print_x.png" 
					width="16" height="16"  style="margin:5px" 
					border="0" rendered="#{retcc.vEstretcc == null}" title="No Habilitado"/>
									
					<p:commandButton 	icon="icon-print"  
										rendered="#{retcc.vEstretcc!=null}"  
										action="#{retccBean.mostrarCconstancia}" 
										onclick="this.form.target='_blank'" 
										ajax="false"/>
				</p:column>
				
				<p:column headerText="Carné" style="text-align:center;">
					
					
					<h:inputHidden value="#{retcc.vRutafoto}" />	
					
					<p:graphicImage value="/resources/images/iconos/ico_print_x.png" 
					width="16" height="16"  style="margin:5px" 
					border="0" rendered="#{retcc.vEstretcc == null}" title="No Habilitado"/>
					
					<p:commandButton icon="icon-camara"  rendered="#{retcc.vRutafoto=='-' and retcc.vEstretcc!=null}"  action="#{retccBean.mostrarUpload}" oncomplete="muestraUpload(xhr, status, args)" update=":frmUpload">
								 
					</p:commandButton>
					
						
					
					
					<p:commandButton icon="icon-print"  rendered="#{retcc.vRutafoto!='-' and retcc.vEstretcc!=null}"  action="#{retccBean.mostrarCarnet}" onclick="this.form.target='_blank'" ajax="false">
								
					</p:commandButton>
					
					
				</p:column>
				
				<p:column headerText="Estado" style="text-align:center;">
					<p:graphicImage value="/resources/images/iconos/icon-selecionado.png" 
					width="16" height="16"  style="margin:5px" 
					border="0" rendered="#{retcc.vEstretcc == '1'}" title="Habilitado"/>
					<p:graphicImage value="/resources/images/iconos/ico-caduco.png" 
					width="16" height="16"  style="margin:5px" 
					border="0" rendered="#{retcc.vEstretcc == '2'}" title="Caduco"/>
					<p:graphicImage value="/resources/images/iconos/ico-cancelCircular.png" 
					width="16" height="16"  style="margin:5px" 
					border="0" rendered="#{retcc.vEstretcc == '3'}" title="Cancelado"/>
					<p:graphicImage value="/resources/images/iconos/icon-mant.png" 
					width="16" height="16"  style="margin:5px" 
					border="0" rendered="#{retcc.vEstretcc == null}" title="En proceso, no figura fecha de inscripción"/>
				</p:column>
				<p:column headerText="Motivo de&#10;Cancelación" style="white-space:pre;text-align: center;">
					<h:outputText value="#{retcc.dFeccancel}" >
					<f:convertDateTime pattern="dd/MM/yyyy" />
					</h:outputText><br/>
					<h:outputText value="#{retcc.vDesmotcan}" /> 
				</p:column>
				
				
			</p:dataTable>	
		</h:form>
		<br/>
		<p:separator/>
		<h:form id="formMantRetcc">
		  <center>
			<p:commandButton  id="btnNuevo"
							  value="Nuevo"
							  icon="icon-add"
							  action="#{retccBean.redmntRetcc}"						 
							  />
			<p:commandButton  id="btnModificar"
							  value="Modificar"
							  icon="icon-editar"
							  action="#{retccBean.cargarModificarRetcc}"
							  update=":formMensajes:msgMensajesConsolidado"					 
							  >
							  <f:param name="flgUpdate" value="U"/>
							  </p:commandButton>
							  
			<p:commandButton  id="btnRenovar"
							  value="Renovar"
							  icon="icon-sustituir"
							  action="#{retccBean.mostrarDlgRenovarRetcc}"
							  oncomplete="muestraRenovarRetcc(xhr, status, args)"
							  />
			<p:commandButton  id="btnCancelar"
							  value="Cancelar"
							  icon="icon-cancelCircular"
							  action="#{retccBean.mostrarDlgCancelarRetcc}"
							  oncomplete="muestraCancelarRetcc(xhr, status, args)" />
		  </center>
		</h:form>
		<br />
		<table width="500" border="0" cellspacing="0" cellpadding="0" align="center" class="color_borde_tabla" bgcolor="#999999">
  			<tr>
  				<td valign="middle" align="center"><span style="color:#FFF;font-weight:bold;vertical-align:middle">En proceso</span></td>
  				<td valign="middle" align="center"><p:graphicImage value="/resources/images/iconos/icon-mant.png" width="16" height="16"  style="margin:5px" border="0"/></td>
   				<td valign="middle" align="center"><span style="color:#FFF;font-weight:bold;vertical-align:middle">Habilitado</span></td>
    			<td valign="middle" align="center"><p:graphicImage value="/resources/images/iconos/icon-selecionado.png" width="16" height="16"  style="margin:5px" border="0"/></td>
    			<td valign="middle" align="center"><span style="color:#FFF;font-weight:bold;vertical-align:middle">Caduco</span></td>
    			<td valign="middle" align="center"><p:graphicImage value="/resources/images/iconos/ico-caduco.png" width="16" height="16"  style="margin:5px"/></td>
    			<td valign="middle" align="center"><span style="color:#FFF;font-weight:bold;vertical-align:middle">Cancelado</span></td>
    			<td valign="middle" align="center"><p:graphicImage value="/resources/images/iconos/ico-cancelCircular.png" width="16" height="16"  style="margin:5px" border="0"/></td>
  			</tr>
		</table>
		
		<h:form id="formConfirmacion">
		<p:confirmDialog id="dlgConfirmacionGenCarne"
							 widgetVar="dlgConfirmacionGenCarne"
							 header="Generar Carné"
							 message="La foto esta Cargada¿Desea generar el carné?"
							 severity="alert"
							  width="350px">
				<center >			 
				<p:commandButton id="btnConfirmarGN"
								 value="SI"
							  	 icon="icon-pref"
							  	 action="#{retccBean.mostrarCarnet}"
							  	 onclick="dlgConfirmacionGenCarne.hide()"						    
							  	 />
								 
				<p:commandButton value="NO"                				 
                                 oncomplete="dlgConfirmacionGenCarne.hide();"                               
                                 icon="icon-cancel" />				 
							 
			   </center>
		</p:confirmDialog>
		</h:form>
		
		
		
		<h:form id="formRenovarRetcc"> 
			<p:dialog 	id="dlgRenovarRetcc"
						widgetVar="dlgRenovarRetcc"
						modal="true"
						resizable="false"
						header="RENOVAR RETCC"
						width="450" height="200" 
						showEffect="clip"
						closable="true"
						>
				
					<p:panelGrid id="pgRenovarRetcc" columns="1">
						
						<p:outputLabel value="Se procederá a renovar el Registro de trabajador:&nsbp;" />
						<p:outputLabel value="Pulse Aceptar para confirmar:&nsbp;" />
													
					</p:panelGrid>
					<p:separator/>
					
					<center>
					<p:commandButton 
                                     title="Aceptar"
                                     icon="icon-disk"
                                     value="Aceptar" 
                                     action="#{retccBean.renovarRetcc}" process="@form"
                                     update=":formMensajes:msgMensajesConsolidado"
                                     oncomplete="dlgRenovarRetcc.hide()"
                                     />
                    <p:commandButton 
                                     title="Cancelar"
                                     icon="icon-cancel"
                                     value="Cancelar" 
                                     oncomplete="dlgRenovarRetcc.hide()"
                                     />
					</center>
                                     
                    <br />           
                          					  	
			</p:dialog>
		
		</h:form>
		
	</p:fieldset>	
	
		<h:form id="frmUpload"  enctype="multipart/form-data">

			<p:dialog modal="true" id="dialogoUpload"
				header="Subir fotografía de trabajador seleccionado"
				widgetVar="dialogUpload" showEffect="fade" hideEffect="fade"
				resizable="false">
				
				  <p:fileUpload 
				  		  oncomplete="muestraMenGenCarne(xhr, status, args);"
				  		  fileUploadListener="#{retccBean.subirArchivo}" mode="advanced"
                          dragDropSupport="false" uploadLabel="Subir" cancelLabel="Cancelar" label="Seleccionar"
                          update=":formMensajes:msgMensajesConsolidado, :frmUpload, :formListalstRetcc:dtlstRetcc"
                          fileLimit="1"
                          allowTypes="/(\.|\/)(jpe?g)$/" sizeLimit="1048576"
                          />
            	  
            	
				
			</p:dialog>
			
		</h:form>
		
		<h:form id="frmFireButton">
		<p:commandButton id="buttonName" widgetVar="buttonName" style="display:none" action="#{retccBean.redCancelarRetcc}"/> 
		</h:form>
		
		<script type="text/javascript">  
        //<![CDATA[
    		
    		function muestraUpload(xhr, status, args) {
        		
    			if(args.muestraUpload==true){
    				dialogUpload.show();
				}

			}
			

			function muestraMenGenCarne(xhr, status, args) {
        		//alert("Entra aqui");
    			if(args.generarCarne){
    				//alert("Entra aqui2");
    				dlgConfirmacionGenCarne.show();
				}

			}

			function muestraRenovarRetcc(xhr, status, args) {
    			if(args.flagDlgRenovar==true){

					if (args.flgRenovar==true) {
						dlgRenovarRetcc.show();
					} else {
						alert("Sólo puede renovar un registro cuyo estado sea Caduco");
					}
        			
				}else{
					alert("Debe seleccionar un Registro para Renovar");}

			}

			function muestraCancelarRetcc(xhr, status, args) {

				var hiddenButton = window.document.getElementById("frmFireButton:buttonName");  
				  
    			if(args.flagDlgCancelar==true){

    				if (args.flgCancelar==true) {
    					if (hiddenButton){
						
 					       if (confirm("Está seguro de cancelar el registro seleccionado?")) {
 					    	  document.getElementById("frmFireButton:buttonName").click();
							} else {
									return false;
							} 
 					    }  
						
					} else {
						alert("Está intentando Cancelar un registro que no está caduco");
					}
				}else{
					alert("Debe seleccionar un Registro para Cancelar");}

			}


			function validaXTipoDoc(combo){
    	    	var tipox = combo.options[combo.selectedIndex].value;
    	    	
    	    	if(tipox=="03"){
    	    		document.getElementById("formlstRetcc:v_numdoc").value=""; 
    	    	}else {  
    	    		document.getElementById("formlstRetcc:v_numdoc").value=""; 
    	    	}
    	    }

			
  			 //]]>
		</script> 
		
		
		
	</ui:define>
</ui:composition>	
</html>	
